<!DOCTYPE html>
<html lang="en">
<head>
	
	<meta charset="utf-8">
	<title>Online Test</title>

	<!-- The styles -->
	<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
	<style type="text/css">
	  body {
		padding-bottom: 40px;
	  }
	  .sidebar-nav {
		padding: 9px 0;
	  }
	</style>
	
    <link rel="shortcut icon" href="Images/ot.jpg">
		
</head>

<body>
			<!-- topbar starts -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				
				<a class="brand" > <img alt="Charisma Logo" src="Images/ot.jpg" /> <span>Online Test</span></a>
				
				<!-- theme selector starts -->
				<div class="btn-group pull-right theme-container" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-tint"></i><span class="hidden-phone"> Change Skin</span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu" id="themes">
                        <li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Blue</a></li>
                        <li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Black</a></li>
						<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
					</ul>
				</div>
				<!-- theme selector ends -->
				
				<!-- user dropdown starts -->
				<div class="btn-group pull-right" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i><span class="hidden-phone"> admin</span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="#">Profile</a></li>
						<li class="divider"></li>
						<li><a href="login.html">Logout</a></li>
					</ul>
				</div>
			
				<div class="btn-group pull-right" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						Test
					</a>					
				</div>
			
                <div class="btn-group pull-right" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						Attempt
					</a>					
				</div>
                <div class="btn-group pull-right" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						My Test
					</a>					
				</div>
			</div>
		</div>
	</div>
				
	<!-- topbar ends -->
		<div class="container-fluid">
		<div class="row-fluid">
				
			<!-- left menu starts -->
			<div class="span2 main-menu-span">
				<div class="well nav-collapse sidebar-nav">
					<ul class="nav nav-tabs nav-stacked main-menu">
						<li class="nav-header hidden-tablet">Menu</li>
						<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Home</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> Category</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> City</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> State</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> Country</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> Gallery</span></a></li>
						<li class="nav-header hidden-tablet">Sample Section</li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> Category</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> City</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> State</span></a></li>
						<li><a class="ajax-link" href="#"><span class="hidden-tablet"> Country</span></a></li>
					</ul>
				
				</div><!--/.well -->
			</div><!--/span-->
			<!-- left menu ends -->
							
				<div class="box span4">
					<div class="box-content">
						<ul class="default">
							kjhnfd <br/>
                            sjhfnsdf
						 
						</ul>
					</div>
				</div><!--/span-->
			</div><!--/row-->
	</div>

     <br />
		<footer>
			<p class="pull-left">&copy; Online Test 2014</p>
			<p class="pull-right">Powered by: Om Tec Web</p>
		</footer>

	<!-- jQuery -->
	<!--<script src="js/jquery-1.7.2.min.js"></script>-->
	<!-- jQuery UI -->
	<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<!-- custom dropdown library -->
	<script src="js/bootstrap-dropdown.js"></script>
	<!-- tour library -->
	<script src="js/bootstrap-tour.js"></script>
	<!-- library for cookie management -->
	<script src="js/jquery.cookie.js"></script>


	
	<!-- history.js for cross-browser state change on ajax -->
	<script src="js/jquery.history.js"></script>
	<!-- application script for Charisma demo -->
<!--	<script src="js/charisma.js"></script>
	-->
		
</body>
</html>
